<ui:composition template="/WEB-INF/templates/template.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui" 
	xmlns:f="http://java.sun.com/jsf/core">

	<ui:define name="conteudo">
		<h:form id="form">
			<p:panel id="panel" header="Cadastro de Pacientes">
				<h:inputHidden value="#{pacienteBean.paciente.id}" />
				<h:inputHidden value="#{pacienteBean.codCartao}"/>
				<h:panelGrid columns="3" >
					<p:outputLabel value="Nome: " for="nome" />
					<p:inputText id="nome" value="#{pacienteBean.paciente.nome}"
						required="true"  />
					<p:message for="nome" />

					<p:outputLabel value="CPF: " for="cpf" />
					<p:inputText id="cpf" value="#{pacienteBean.paciente.cpf}"
						required="true" />
					<p:message for="cpf" />

					<p:outputLabel value="Endereço: " for="endereco" />
					<p:inputText id="endereco" 
						value="#{pacienteBean.paciente.endereco}" />
					<p:message for="endereco" />

					<p:outputLabel value="Telefone: " for="telefone" />
					<p:inputText id="telefone"
						value="#{pacienteBean.paciente.telefone}" />
					<p:message for="telefone" />
					
					<p:outputLabel value="Senha: " for="senha" />
					<p:inputText id="senha"
						value="#{pacienteBean.paciente.senha}" />
					<p:message for="senha" />
					
				</h:panelGrid>
				<p:commandButton value="Cadastrar"
					actionListener="#{pacienteBean.add}" update="form,:listapaciente" />
				<p:commandButton value="Atualizar" update=":listapaciente" />
			</p:panel>
		</h:form>
		<h:form id="listapaciente">
			<p:panel header="Lista de Pacientes" >
				<p:dataTable id="pacientes" var="paciente"
					value="#{pacienteBean.pacientes}" paginator="true" rows="5">

					<p:column headerText="Nome" style="width:24%">
						<h:outputText value="#{paciente.nome}" />
					</p:column>

					<p:column headerText="CPF" style="width:24%">
						<h:outputText value="#{paciente.cpf}" />
					</p:column>
					
					<p:column headerText="Cod. Cartão" style="width:24%">
						<h:outputText value="#{paciente.cartao.codigo_cartao}" />
					</p:column>

					<p:column headerText="Telefone" style="width:24%">
						<h:outputText value="#{paciente.telefone}" />
					</p:column>

					<p:column headerText="Endereço" style="width:24%">
						<h:outputText value="#{paciente.endereco}" />
					</p:column>
					<p:column style="width:24%">
						<p:commandButton update=":form" value="Editar"
							actionListener="#{pacienteBean.preparaAlteracao}">
							<f:param name="id" value="#{paciente.id}" />
						</p:commandButton>
					</p:column>
					<p:column style="width:24%">
						<p:commandButton update=":listapaciente" value="Remover"
							actionListener="#{pacienteBean.remove}">
							<f:param name="id" value="#{paciente.id}" />
						</p:commandButton>
					</p:column>
				</p:dataTable>
			</p:panel>
		</h:form>

	</ui:define>
</ui:composition>